var $ = jQuery.noConflict();

$(document).ready(function () {
    $('#sidebar .scroller').perfectScrollbar({
        wheelPropagation: true
    });

    $('.btn-close-dialog').on('click', function () {
        $(this).parents('.popup').fadeOut();
    });

    /* hover sidebar */
    $('#sidebar .menu').prepend('<li class="li-hover"></li>');
    var ontop = $('#sidebar .menu li.active').position().top;
    $('li.li-hover').css('top', ontop);

    $('#sidebar .menu li').hover(function () {
        var top = $(this).position().top;
        $('li.li-hover').stop().animate({top: top}, 600, 'easeOutBack');

        var frame = $(this).find('a').width();
        var string = $(this).find('span').outerWidth();

        //console.log('span width: ' + string);

        if (string > frame) {
            $(this).find('span').addClass('marquee');
        }
    }, function () {
        $('li.li-hover').stop().animate({top: ontop}, 600, 'easeOutBack');

        if ($(this).find('span').hasClass('marquee')) {
            $(this).find('span').removeClass('marquee');
        }
    });

    /* qrcode box */
    var qr = '';
    $('.qrcode').hover(function () {
        var $this = $(this);
        $(this).addClass('show').stop();
        //$('.dialog-qr').fadeIn().find("." + $this.data("qr")).show();
        setTimeout(function(){
            $('.dialog-qr').fadeIn().find("." + $this.data("qr")).show();
        },150);
        qr = $(this).data("qr");
    }, function(){
        $('.dialog-qr').fadeOut().find("." + $(this).data("qr")).hide();
        $(this).removeClass('show');
    });
    $('.qrcode').click(function () {
        return false;
    });
    $(document).on('click', '.dialog-qr-outside', function () {
        $('.qrcode').removeClass('show');
        $('.dialog-qr').fadeOut().find("." + qr).hide();
    });
    $(document).keyup(function (e) {

        if (e.keyCode == 27) {
            $('.qrcode').removeClass('show');
            $('.dialog-qr').fadeOut().find("." + qr).hide();
        }   // esc
    });

});

function marginauto()
{
    var margin = $('.popup-dialog').height() / 2;
    $('.popup .popup-dialog').css('margin-top', -margin);
}